<!--公告 -->

<div id="gy_guide_safety_xzk">
	<div class="px1000" id="gy_guide_announcement">
		<div class="clearfix gy_guide_announcement_bigbox">
			<div class="fl gy_guide_announcement_left">
				<nav>
					<p class="gy_member_submenu_zc">
						<a href="">用户中心</a>
					</p>
				</nav>
				<ul style="text-align: center;height: 200px;">
					<li>
						<p class="btn user-left" ng-click="toChangeView(1)">
							<a href="">用户信息</a>
						</p>
					</li>
<!-- 					<li>
						<p class="btn user-left" ng-click="toChangeView(2)">
							<a href="">我的资金</a>
						</p>
					</li> -->
					<li>
						<p class="btn user-left" ng-click="toChangeView(3)">
							<a href="">理财产品</a>
						</p>
					</li>
					<li>
						<p class="btn user-left" ng-click="toChangeView(6)">
							<a href="">指数产品</a>
						</p>
					</li>
					<li>
						<p class="btn user-left" ng-click="toChangeView(7)">
							<a href="">赎回管理</a>
						</p>
					</li>
				</ul>
				<nav>
					<p class="gy_member_submenu_zc">
						<a class="btn-warning" ng-click="logout()">登出</a>
					</p>
				</nav>
			</div>
			<!--split line-->
			<div class="fl gy_guide_announcement_rigth" id="gsjj" 
			style="display:block;text-align:left;height: 100%;" ng-show="tabshow=='1'">
				<div class="col-sm-20">
					<table class="table">
						<tbody>
							<tr>
								<td>用户名</td>
								<td>{{user.username}}</td>
								<td></td>
							</tr>
							<tr>
								<td>登录密码</td>
								<td></td>
								<td><button class="btn btn-primary" ng-click="toChangeView(4)">修改密码</button></td>
							</tr>
							<tr class="user-status">
								<td>用户状态</td>
								<td class="user-status-1">{{user.userStatus | userstatus}}</td>
								<td>
									<button class="btn btn-primary"
									 ng-click="toChangeView(5)">
									 	补全信息
									</button>
								</td>
							</tr>
							<tr>
								<td>真实姓名</td>
								<td>{{user.name}}</td>
								<td></td>
							</tr>
							<tr>
								<td>身份证</td>
								<td>{{user.idcard}}</td>
								<td></td>
							</tr>
							<tr>
								<td>微信号</td>
								<td>{{user.weixin}}</td>
								<td></td>
							</tr>
							<tr>
								<td>QQ号</td>
								<td>{{user.qq}}</td>
								<td></td>
							</tr>
							<tr>
								<td>邮箱</td>
								<td>{{user.email}}</td>
								<td></td>
							</tr>

						</tbody>
					</table>
				</div>
			</div>
			<!--split line-->
			<div class="fl gy_guide_announcement_rigth" id="sss" 
			style="display:block;text-align:left;height: 100%;" ng-show="tabshow=='2'">
				<div class="col-sm-20">
					<table class="table table-striped">
						<tbody>
							<tr>
								<td>当前总资产</td>
								<td>200000元</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<!--split line-->
			<div class="fl gy_guide_announcement_rigth" id="" 
			style="display:block;text-align:left;height: 100%;" ng-show="tabshow=='3'">
				<div class="col-sm-20">
					<table class="table table-striped">
						<tbody>
							<thead>
								<tr>
									<th>订单号</th>
									<th>产品名称</th>
									<th>购买金额</th>
									<th>购买日期</th>
									<th>周期</th>
									<th>年收益率</th>
									<th>累计收益</th>
									<th>到期收益</th>
									<th>订单状态</th>
									<th>操作</th>
								</tr>
							</thead>
							<tr ng-repeat="order in orderList">
								<td>{{order.orderid}}</td>
								<td>{{order.pid.name}}</td>
								<td>{{order.payAmount}}元</td>
								<td>{{order.created | date:"yyyy/MM/dd"}}</td>
								<td>{{order.pid.week}}天</td>
								<td>{{order.pid.shouyi}}%</td>
								<td style="color:#20b326">{{order | income}}元</td>
								<td style="color:#20b326">{{order | incomeEnd}}元</td>
								<td ng-if="order.status=='0'"><a href="#/placeorder/{{order.orderid}}">{{order.status | orderStatus}}</a></td>
								<td ng-if="order.status!='0'">{{order.status | orderStatus}}</td>
								<td>
									<button class="btn btn-danger" ng-if="order.status=='0'" ng-click="cancelOrder(order.orderid)">取消订单</button>
									<button class="btn btn-primary"
										data-toggle="modal" 
										ng-if="order.status=='1'" 
										ng-click="backpay(order)">到期赎回</button>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>

			<!--split line-->
			<div class="fl gy_guide_announcement_rigth" id="" 
			style="display:block;text-align:left;height: 100%;" ng-show="tabshow=='6'">
				<div class="col-sm-20">
					<table class="table table-striped">
						<tbody>
							<thead>
								<tr>
									<th>订单号</th>
									<th>产品名称</th>
									<th>购买金额</th>
									<th>购买日期</th>
									<th>周期</th>
									<th>年收益率</th>
									<th>今日收益</th>
									
									<th>订单状态</th>
									<th>操作</th>
								</tr>
							</thead>
							<tr ng-repeat="order in sorderList">
								<td>{{order.orderid}}</td>
								<td>{{order.pid.name}}</td>
								<td>{{order.payAmount}}元</td>
								<td>{{order.created | date:"yyyy/MM/dd"}}</td>
								<td>{{order.pid.week}}天</td>
								<td>待开盘</td>
								
								<td style="color:#20b326"></td>
								<td ng-if="order.status=='0'"><a href="#/splaceorder/{{order.orderid}}">{{order.status | orderStatus}}</a></td>
								<td ng-if="order.status!='0'">{{order.status | orderStatus}}</td>
								<td>
									<button class="btn btn-danger" ng-if="order.status=='0'" ng-click="scancelOrder(order.orderid)">取消订单</button>
									<!-- <button class="btn btn-primary" ng-if="order.status=='1'" ng-click="sbackPay(order.orderid)">到期赎回</button> -->
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>

			<!--split line-->
			<div class="fl gy_guide_announcement_rigth" id="sss" style="display:block;text-align:left;height: 100%;" ng-show="tabshow=='4'">
				<div class="col-sm-5">
					<div class="input-group">
						<span class="input-group-addon">新 密 码</span>
						<input ng-model="update.oldpwd" type="password" class="form-control" placeholder="请输入新密码">
					</div>
					<br>
					<div class="input-group">
						<span class="input-group-addon">确认新密码</span>
						<input ng-model="update.newpwd" type="password" class="form-control" placeholder="请再次输入新密码">
					</div>
					<br>
					<button class="btn btn-primary" ng-click="updatepwd()"> 确认修改</button>
				</div>
			</div>

		</div>
	</div>
</div>


<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					请确认自己的支付宝信息
				</h4>
			</div>
			<div class="modal-body">
				<p class="title">姓名：<span>{{user.name}}</span></p>
				<p class="title">支付宝账号：{{user.username}}</p>
				<p class="remark">备注：如支付宝账户有误请您联系官网左上角在线客服</p>
				
				<p class="tip">赎回资金预计1-3个工作日内会转账到您的支付宝账户，请您耐心等待。</p>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-primary" data-dismiss="modal" ng-click="confirmPayback()">
					确认
				</button>
				<button type="button" class="btn btn-default" data-dismiss="modal">
					取消
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<style>
	.user-left {
		font-size: 16px;
		line-height: 30px;
		color: #003147;
	}
	td a{
		color: #03a9f4;
		font-weight: bold;
	}
	.px1000 {
		width: 1400px;
	}
	.gy_guide_announcement_rigth {
		width: 1110px;
	}
	.user-status{
		font-weight: bold;
	}
	.user-status-1{
		color:#e91e63;
	}
	.title{
		font-size: 18px;
	    /*font-weight: bold;*/
	    line-height: 30px;
	}
	.title span{
		padding-left: 55px;
	}
	.modal-title{
		font-size: 15px;
	}
	.remark{
		color: #9E9E9E;
	}
	.tip{
		padding-top: 30px;
		color: #FF9800;
		font-size: 15px;
	}
</style>